<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="keyword" content="单车安全帽，单车帽，脚踏车安全帽，单车头盔，自行车头盔">
	<meta name="description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta property="og:title" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:url" content="http://www.kplus-helmet.com/">
	<meta property="og:image" content="http://www.kplus-helmet.com/etc/media/images/fb_share.jpg">
	<meta property="og:site_name" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta name="google-site-verification" content="f63hofZjqQioZww3XG41yZoxVudN4jRFUkrW8pvjY_I">
	<title>KPLUS-HELMET 官方网站</title>
	<link rel="stylesheet" type="text/css" href="../build/css/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../build/css/common.css">
	<link rel="stylesheet" type="text/css" href="../build/css/animate.css">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.carousel.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.theme.default.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../build/css/product_wall.css">
</head>
<body>
<!--顶部导航条-->
<div class="nav_bar">
	<div class="nav fl">
		<a href="product_wall.html">骑行头盔</a>
		<a href="javascript:;">配件系列</a>
		<a href="javascript:;">客制服务</a>
		<a href="javascript:;">KPLUS SELECTION</a>
	</div>
	<div class="kplus_logo fl">
		<a href="../index.html" target="_blank">
			<img src="http://test.agcoo.cn/icon/kplus_logo.jpg">
		</a>
	</div>
	<div class="menu fr">
		<a href="login.html"><i class="iconfont icon-iconfontfuka"></i>会员登录/注册</a>
		<a href="user_cart.html"><i class="iconfont icon-gouwuche1"></i>购物车</a>
		<a href="javascript:;"><i class="iconfont icon-diqiu"></i>繁体中文</a>
	</div>
</div>
<!--顶部大图-->
<div class="top_large_pic">
	<a href="javascript:;">
		<img src="http://test.agcoo.cn/news/KPLUS_S006_5770.jpg?zoom1920940">
		<div class="declaration">
			<p class="fstyle_TradeGothicLT">KPLUS HELMET</p>
			<p class="fstyle_TradeGothicLT">HEADING TO THE FUTURE</p>
			<p class="fz72 fstyle_TradeGothicLT">翻转你的视觉想象</p>
		</div>
	</a>
</div>

<!--商品墙-->
<div class="product_wall list_wall">
	<div class="page_nav slc_sort">
		<div class="nav fl">
			<span class="step">首页</span>
			<i class="icon iconfont icon-shuyinhao-you"></i>
			<span class="step">骑行头盔</span>
			<i class="icon iconfont icon-shuyinhao-you"></i>
			<span class="step" data-step="series">全系列</span>
		</div>
		<div class="sort fr">
			<select>
				<option value="default">排序</option>
				<option value="down">升序</option>
				<option value="up">降序</option>
			</select>
		</div>
	</div>
	<div class="head_box">
		<div class="left_ops_box fl">
			<div class="title">
				<span>全系列</span>
				<span>其他型号</span>
			</div>
			<div class="content" id="productSeries" data-series="all">
				<span class="product_series active" data-series="all">ALL</span>
				<span class="product_series " data-series="S006">SUREVO</span>
				<span class="product_series " data-series="S008">VITA</span>
				<span class="product_series " data-series="S003">SHARK</span>
				<span class="product_series " data-series="S005">NET</span>
			</div>
		</div>
		<div class="right_declaration_text fl">
			<h3>产品介绍</h3>
			<p class="fstyle_Regular">
				在英国，带自行车头盔仍然不是强制性的，但我们不能想到一个单一的理由不这样做。而且看起来非常漂亮，无论您是在路上骑行，
				还是喜欢上班通勤，我先现在在店里都有很棒的选择。
			</p>
		</div>	
	</div>
	<div class="wall_box" id="productWall" style="overflow: hidden;">
		<div class="item ds_none"></div>
	</div>
	<!--页码导航-->
		<div class="page_turning" id="pageTurning" data-page="1">
			<span class="prev">
				<i class="iconfont icon-left"></i>
			</span>
			<a class="page_inner">
			</a> 
			<span class="next active">
				<i class="iconfont icon-right"></i>
			</span>
		</div>	
</div>

<!--底部大图-->
<div class="bottom_large_pic">
	<a href="javascript:;">
		<img src="http://test.agcoo.cn/news/dqh_p-2623.jpg?zoom1920940">
		<div class="declaration">
			<p class="fstyle_TradeGothicLT">KPLUS HELMET</p>
			<p class="fstyle_TradeGothicLT">NEW ASIA FIT</p>
			<p class="fz72 fstyle_TradeGothicLT">新亚洲头型</p>
		</div>
	</a>
</div>

<div class="footer">
	<div class="inner_box">
		<div class="list_links fl fstyle_TradeGothicLT">
			<ul class="link_item">
				<li class="title">ABOUT KPLUS</li>
				<li><a href="">品牌理念</a></li>
				<li><a href="">PLUS IN</a></li>
				<li><a href="">最新消息</a></li>
				<li><a href="">玩家见证</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">GET HELP</li>
				<li><a href="">出货与寄送</a></li>
				<li><a href="">退换货处理</a></li>
				<li><a href="">会员机制</a></li>
				<li><a href="">问与答</a></li>
				<li><a href="">尺寸表</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">CONUACT US</li>
				<li><a href="">联络我们</a></li>
				<li><a href="">销售据点</a></li>
			</ul>
		</div>
		<div class="sign_news_box fl fstyle_TradeGothicLT">
			<h3 >订阅我们获得最新消息</h3>
			<span class="sub_title">SING UP FOR KPLUS NEWS</span>
			<form class="">
				<label>
					<input type="text" style="display:none" />
					<input type="text" name="email" id="address" placeholder="Email Address" class="fl">
				</label>
				<label>
					<input type="button" name="button" class="btn fl" id="signUp" value="SUBSCRIBE">
				</label>
			</form>
		</div>
		<div class="friend_links fl">
			<div class="share_box">
				<a href="" class="icon"><i class="iconfont icon-instargam"></i></a>
				<a href="" class="icon"><i class="iconfont icon-facebookf"></i></a>
			</div>
			<span class="copy_right"><i class="iconfont icon-ic_copyright_px"></i> KPLUS 2017</span>
		</div>
	</div>
</div>
<script type="text/javascript" src="../vendor/jquery-1.9.1/jquery.min.js"></script>
<script type="text/javascript " src="../vendor/scrollreveal-master/dist/scrollreveal.min.js"></script>
<script type="text/javascript" src="../build/js/common.js"></script>
<script type="text/javascript">
	//启动scrollReveal()
	var sr = ScrollReveal();
	var productWall = document.getElementById('productWall');
	sr.reveal('.item', { container: productWall}, 200);
	//选择系列
	$('#productSeries .product_series').on('click', function(){

		var pSeries = $(this).attr('data-series');
		$('#pageTurning .page_number:eq(0)').addClass('active').siblings().removeClass('active');

		$('#productSeries').attr('data-series', pSeries)
		$(this).addClass('active').siblings().removeClass('active');

		getProductWall({
			pSeries: pSeries,
			page:1,
			selectType:'pSeries'
		})

		//初始化页码
		$('#pageTurning').attr('data-page', 1);
	})
	//选择页码
	$('#pageTurning').on('click','.page_number',function(){

		var pSeries = $('#productSeries').attr('data-series');
		var page = $(this).attr('data-page');

		$('#pageTurning').attr('data-page', page)
		$(this).addClass('active').siblings().removeClass('active');

		getProductWall({
			pSeries: pSeries,
			page:page,
			selectType:'page'
		})
		window.scrollTo(0,1200)
	})

	//进入页面全拉去
	getProductWall({
		pSeries: $('#productSeries').attr('data-series'),
		page: $('#pageTurning').attr('data-page'),
		selectType:'pSeries'
	})

	//前后 prev and next
	$('#pageTurning').on('click', '.prev', function(){
		var page = $('#pageTurning').attr('data-page');
		//到达最前页
		if(page == 1) return false;	

		$('#pageTurning').attr('data-page', page-1);

		getProductWall({
			pSeries: $('#productSeries').attr('data-series'),
			page: page-1,
			selectType:'page'
		})
		var eq = page - 2;
		$('#pageTurning .page_number:eq('+eq+')').addClass('active').siblings().removeClass('active')
		window.scrollTo(0,1200)
	})
	$('#pageTurning').on('click', '.next', function(){

		var page = $('#pageTurning').attr('data-page');
		//到达最后一页
		if(page == $('#pageTurning .page_number').length) return false;

		$('#pageTurning').attr('data-page', Number(page) + 1);

		getProductWall({
			pSeries: $('#productSeries').attr('data-series'),
			page: Number(page) + 1,
			selectType:'page'
		})

		var eq = page;	
		$('#pageTurning .page_number:eq('+eq+')').addClass('active').siblings().removeClass('active')
		window.scrollTo(0,1200)
	})

	//单个商品点击跳转 -- 详情页

	$('#productWall').on('click', '.item', function(){
		var $productInfo = $(this).find('.introduce');
		var pSeriesName = $productInfo.find('.series_name').text();
		var pSeries = $productInfo.attr('data-series');
		var openUrl = "product_zoom.html?pSeries=" + pSeries + '&pSeriesName=' + pSeriesName; 
		window.open(openUrl, "_blank");		
	})


	//刷新回弹
	scrollToSp(0) 
</script>








</body> 
</html>